<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="common.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>login</title>
     <script type="text/javascript">
//页面层
//页面层-自定义
//弹出一个页面层
 /*    function escapeHtml(string) {
        var entityMap = {
            "&": "&amp;",
            "<": "&lt;",
            ">": "&gt;",
            '"': '&quot;',
            "'": '&#39;',
            "/": '&#x2F;'
        };
        return String(string).replace(/[&<>"'\/]/g, function (s) {
            return entityMap[s];
        });
    } */
function test2(){
  /*   var string5 = "<div class='div2' name='" + escapeHtml('<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"><legend>无边框表格</legend></fieldset><table class="layui-table" lay-even="" lay-skin="nob"><colgroup><col width="150"><col width="150"><col width="200"><col></colgroup><thead><tr><th>人物</th><th>民族</th><th>出场时间</th><th>格言</th></tr> </thead><tbody><tr><td>贤心</td><td>汉族</td><td>1989-10-14</td><td>人生似修行</td></tr><tr><td>张爱玲</td><td>汉族</td><td>1920-09-30</td><td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td></tr><tr><td>Helen Keller</td><td>拉丁美裔</td><td>1880-06-27</td><td> Life is either a daring adventure or nothing.</td></tr><tr><td>岳飞</td><td>汉族</td><td>1103-北宋崇宁二年</td><td>教科书再滥改，也抹不去“民族英雄”的事实</td></tr><tr><td>孟子</td><td>华夏族（汉族）</td><td>公元前-372年</td><td>猿强，则国强。国强，则猿更强！ </td></tr></tbody></table>') : (temp.innerText =  '<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"><legend>无边框表格</legend></fieldset><table class="layui-table" lay-even="" lay-skin="nob"><colgroup><col width="150"><col width="150"><col width="200"><col></colgroup><thead><tr><th>人物</th><th>民族</th><th>出场时间</th><th>格言</th></tr> </thead><tbody><tr><td>贤心</td><td>汉族</td><td>1989-10-14</td><td>人生似修行</td></tr><tr><td>张爱玲</td><td>汉族</td><td>1920-09-30</td><td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td></tr><tr><td>Helen Keller</td><td>拉丁美裔</td><td>1880-06-27</td><td> Life is either a daring adventure or nothing.</td></tr><tr><td>岳飞</td><td>汉族</td><td>1103-北宋崇宁二年</td><td>教科书再滥改，也抹不去“民族英雄”的事实</td></tr><tr><td>孟子</td><td>华夏族（汉族）</td><td>公元前-372年</td><td>猿强，则国强。国强，则猿更强！ </td></tr></tbody></table>') + "'>test2222</div>";
 */
 /* <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"><legend>无边框表格</legend></fieldset> */
 layer.open({
		  type: 1,
		  area: ['800px', '360px'],
		  title: '车辆明细',
		  maxmin: true,
		  shadeClose: true, //点击遮罩关闭
		  content:'<table class="layui-table" lay-even="" lay-skin="nob"><colgroup><col width="80"><col width="250"><col width="250"><col width="200"><col width="200"></colgroup><thead><tr> <th>选择</th><th>民族</th><th>出场时间</th><th>格言</th><th>格言</th></tr></thead><tbody><tr><td><input type="checkbox" name="" lay-skin="primary"></td><td>贤心</td><td>汉族</td><td>1989-10-14</td><td>人生似修行</td></tr><tr><td><input type="checkbox" name="" lay-skin="primary"></td><td>贤心</td><td>汉族</td><td>1989-10-14</td><td>人生似修行</td></tr><tr><td><input type="checkbox" name="" lay-skin="primary"></td><td>贤心</td><td>汉族</td><td>1989-10-14</td><td>人生似修行</td></tr></tbody></table>' 
		  ,btnAlign: 'c'
		  ,btn: ['确认', '取消']
 		,yes: function(index, layero){
  		 //按钮【按钮一】的回调
					 }
		,btn2: function(index, layero){
		 return true;
		 //开启该代码可禁止点击该按钮关闭
		}
 });}
  

</script>
  </head>
  <body>
<input value="test2" id="test2" type="button" onclick="test2()"/> 
 
  <!--           
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
  <legend>默认表格</legend>
</fieldset>
 
<div class="layui-form">
  <table class="layui-table">
    <colgroup>
      <col width="50">
      <col width="150">
      <col width="150">
      <col width="200">
      <col>
    </colgroup>
    <thead>
      <tr>
        <th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
        <th>人物</th>
        <th>民族</th>
        <th>出场时间</th>
        <th>格言</th>
      </tr> 
    </thead>
    <tbody>
      <tr>
        <td><input type="checkbox" name="" lay-skin="primary"></td>
        <td>贤心</td>
        <td>汉族</td>
        <td>1989-10-14</td>
        <td>人生似修行</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="" lay-skin="primary"></td>
        <td>张爱玲</td>
        <td>汉族</td>
        <td>1920-09-30</td>
        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="" lay-skin="primary"></td>
        <td>Helen Keller</td>
        <td>拉丁美裔</td>
        <td>1880-06-27</td>
        <td> Life is either a daring adventure or nothing.</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="" lay-skin="primary"></td>
        <td>岳飞</td>
        <td>汉族</td>
        <td>1103-北宋崇宁二年</td>
        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="" lay-skin="primary"></td>
        <td>孟子</td>
        <td>华夏族（汉族）</td>
        <td>公元前-372年</td>
        <td>猿强，则国强。国强，则猿更强！ </td>
      </tr>
    </tbody>
  </table>
</div>
         
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
  <legend>行边框表格</legend>
</fieldset>  
 
<table class="layui-table" lay-skin="line">
  <colgroup>
    <col width="150">
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>人物</th>
      <th>民族</th>
      <th>出场时间</th>
      <th>格言</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>贤心</td>
      <td>汉族</td>
      <td>1989-10-14</td>
      <td>人生似修行</td>
    </tr>
    <tr>
      <td>张爱玲</td>
      <td>汉族</td>
      <td>1920-09-30</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
    <tr>
      <td>Helen Keller</td>
      <td>拉丁美裔</td>
      <td>1880-06-27</td>
      <td> Life is either a daring adventure or nothing.</td>
    </tr>
    <tr>
      <td>岳飞</td>
      <td>汉族</td>
      <td>1103-北宋崇宁二年</td>
      <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
    </tr>
    <tr>
      <td>孟子</td>
      <td>华夏族（汉族）</td>
      <td>公元前-372年</td>
      <td>猿强，则国强。国强，则猿更强！ </td>
    </tr>
  </tbody>
</table>   
         
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
  <legend>列边框表格</legend>
</fieldset>  
 
<table class="layui-table" lay-even="" lay-skin="row">
  <colgroup>
    <col width="150">
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>人物</th>
      <th>民族</th>
      <th>出场时间</th>
      <th>格言</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>贤心</td>
      <td>汉族</td>
      <td>1989-10-14</td>
      <td>人生似修行</td>
    </tr>
    <tr>
      <td>张爱玲</td>
      <td>汉族</td>
      <td>1920-09-30</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
    <tr>
      <td>Helen Keller</td>
      <td>拉丁美裔</td>
      <td>1880-06-27</td>
      <td> Life is either a daring adventure or nothing.</td>
    </tr>
    <tr>
      <td>岳飞</td>
      <td>汉族</td>
      <td>1103-北宋崇宁二年</td>
      <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
    </tr>
    <tr>
      <td>孟子</td>
      <td>华夏族（汉族）</td>
      <td>公元前-372年</td>
      <td>猿强，则国强。国强，则猿更强！ </td>
    </tr>
  </tbody>
</table>  
         
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
  <legend>无边框表格</legend>
</fieldset>  
 
<table class="layui-table" lay-even="" lay-skin="nob">
  <colgroup>
    <col width="150">
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>人物</th>
      <th>民族</th>
      <th>出场时间</th>
      <th>格言</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>贤心</td>
      <td>汉族</td>
      <td>1989-10-14</td>
      <td>人生似修行</td>
    </tr>
    <tr>
      <td>张爱玲</td>
      <td>汉族</td>
      <td>1920-09-30</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
    <tr>
      <td>Helen Keller</td>
      <td>拉丁美裔</td>
      <td>1880-06-27</td>
      <td> Life is either a daring adventure or nothing.</td>
    </tr>
    <tr>
      <td>岳飞</td>
      <td>汉族</td>
      <td>1103-北宋崇宁二年</td>
      <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
    </tr>
    <tr>
      <td>孟子</td>
      <td>华夏族（汉族）</td>
      <td>公元前-372年</td>
      <td>猿强，则国强。国强，则猿更强！ </td>
    </tr>
  </tbody>
</table> 
          
<script src="//res.layui.com/layui/build/layui.js" charset="utf-8"></script>
注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的
<script>
layui.use('form', function(){
  var $ = layui.jquery, form = layui.form();
  
  //全选
  form.on('checkbox(allChoose)', function(data){
    var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
    child.each(function(index, item){
      item.checked = data.elem.checked;
    });
    form.render('checkbox');
  });
  
});


</script> -->

</body>
</html>
